<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/css/project.css">
    <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<style>

</style>
<body>
<div style="height: 50px; background-color: #0a5ba6;width: 100%;color: #FFFFFF">
    <div class="header-text">
        <div style="padding-top: 18px;float: right;padding-left: 75px;width: 80%;">活动详情</div>
    </div>
</div>
<div id="slidershow"
     class="carousel slide"
     data-ride="carousel"
     data-pause="hover"
     data-wrap="true"
     data-interval="5000"
     data-auto="true"
     style="width: 100%;height: 100%;margin-top:2px; "
>
    <!-- 设置图片轮播的顺序 -->
    <!--<ol class="carousel-indicators">
        <li class="active" data-target="#slidershow" data-slide-to="0"></li>
        <li data-target="#slidershow" data-slide-to="1"></li>
        <li data-target="#slidershow" data-slide-to="2"></li>
    </ol>-->
    <!-- 设置轮播图片 -->
    <div class="carousel-inner" style="border-radius: 5px">
        <div class="item active">
            <a href="##"><img width="100%" src="/assets/img/cart1.jpg" alt=""></a>
        </div>
        <div class="item">
            <a href="##"><img width="100%" src="/assets/img/cart2.jpg" alt=""></a>
        </div>
        <div class="item">
            <a href="##"><img width="100%" src="/assets/img/cart3.jpg" alt=""></a>
        </div>
    </div>

   <!--  <a class="left carousel-control" href="#slidershow" role="button">
         <span class="glyphicon glyphicon-chevron-left"></span>
     </a>
     <a class="right carousel-control" href="#slidershow" role="button">
         <span class="glyphicon glyphicon-chevron-right"></span>
     </a>-->
</div>
<div class="row">
    <div class="project-title">
        <span class="project-title-border">&nbsp;</span>
        <span class="project-title-text">项目列表</span>
    </div>
    <div id="slidershow1"
         class="carousel slide"
         data-ride="carousel"
         data-pause="hover"
         data-wrap="true"
         data-interval="1500"
         style="height: 20px;margin-top:5px; background-color: #f1f8ff;color: red;text-align: center"
    >
        <!-- 设置轮播图片 -->
        <div class="carousel-inner">
            {volist name="orderList" id="vol" key="k"}
            <div class="item {if $k==1}active{/if}">
                恭喜{:str_replace(mb_substr($vol['name'],1,1),"*",$vol.name)}
                {:str_replace(mb_substr($vol['tel'],3,4),"****",$vol.tel)}
                成功预约了项目
            </div>
            {/volist}
        </div>
    </div>
    <div class="project-list">
        <ul class="row list-u">
            {volist name="list" id="vo"}
            <li class="list-l" data-id="{$vo.id}">
                <img src="{$vo.thumbimage}" alt="" class="list-img">
                <div class="list-name">
                    <label for="">活动名称:</label>{$vo.title}
                    {if $vo['status']==0}
                        <span class="badge">未开始</span>
                    {elseif $vo.status==1/}
                        <span class="badge" style="background-color: #d9534f">进行中</span>
                    {else/}
                        <span class="badge" style="background-color: #5cb85c">已结束</span>
                    {/if}
                </div>
                <div class="list-jd">
                    <div class="progress no-padding" style="height: 15px;text-align: center;background-color:#fdcc52;width: 90%;;font-size: 12px;">
                        <div class="progress-bar progress-bar-danger progress-bar-striped active no-padding"
                             role="progressbar"
                             aria-valuenow="{$vo.jd}"
                             aria-valuemin="0"
                             aria-valuemax="100"
                             style="width: {$vo.jd}%">
                            {if $vo.jd>0}进度{$vo.jd}%{/if}
                        </div>
                        剩余{:abs($vo.jd-100)}%
                    </div>
                </div>
                <div class="list-name" style="display: inline-block">
                    <div style="width: 33%;float: left;">
                        <label>总筹:</label><span class="list-num">{$vo.unit_num}</span>
                    </div>
                    <div style="width: 33%;float: right;">
                        <label>剩余:</label><span class="list-num">{$vo.sy_unit}</span>
                    </div>
                    <div style="width: 33%;float: right;">
                        <label>已认筹:</label>{$vo['order_count']}</span>
                    </div>

                </div>
            </li>
            {/volist}
        </ul>
    </div>
    <script>
        $(".list-l").click(function(){
            window.location.href="{:url('index/detail')}?id="+$(this).data('id');
        })
        $(function(){
            $("#slidershow1").carousel({
                interval:1500
            });
        });
    </script>
</div>
</body>
</html>